.container {
    width: 100%;
    padding: 25px 0 0 25px;

    .head {
        width: 100%;
        font-size: 14px;
        font-weight: bold;
        color: rgba(50, 55, 63, 1);
        line-height: 18px;
    }

    .link {
        font-size: 14px;
        font-weight: 400;
        color: #788590;
        line-height: 18px;
        text-decoration: none;
        cursor: pointer;

        .backImg {
            background: url("../../assets/stamp-hover.png") no-repeat;
            background-size: 14px;
            display: inline-block;
            width: 14px;
            height: 14px;
            outline: none;
            vertical-align: middle;
            margin-right: 6px;
        }

        &:hover {
            color: rgba(9, 117, 225, 1);

            .backImg {
                background: url("../../assets/stamp.png") no-repeat;
                background-size: 14px;
                display: inline-block;
                width: 14px;
                height: 14px;
                outline: none;
                vertical-align: middle;
                margin-right: 6px;
            }
        }
    }

    .btn {
        margin-left: 20px;
        font-weight: 400;
        font-size: 14px !important;
        color: #788590;
        cursor: pointer;

        .detailImg {
            background: url("../../assets/search-hover.png") no-repeat;
            background-size: 14px;
            display: inline-block;
            width: 14px;
            height: 14px;
            outline: none;
            vertical-align: middle;
            margin-right: 6px;
        }

        &:hover {
            color: rgba(9, 117, 225, 1);

            .detailImg {
                background: url("../../assets/search.png") no-repeat;
                background-size: 14px;
                display: inline-block;
                width: 14px;
                height: 14px;
                outline: none;
                vertical-align: middle;
                margin-right: 6px;
            }
        }
    }

    .btnText {
        display: inline;
    }

    .timeline {
        // height: calc(100vh - 135px);
        // // width: 740px;
        // overflow: overlay;
        position: relative;

        .operation {
            position: absolute;
            right: 0;
            top: 0;
            height: 50px;
            line-height: 50px;
            padding-right: 16px;

            :global {
                .el-button.block-button {
                    display: block;
                    padding: 0;
                    margin: 5px 0;
                }
            }
        }

        .title {
            font-size: 14px;
            color: #333333;
        }

        .tips {
            color: #999999;
            font-size: 14px;
            margin-top: 3px;

            :global {
                .pd0 {
                    padding: 0;
                }
            }
        }

        .time {
            font-size: 14px;
            color: #999999;
            margin-left: 15px;
        }

        .opt {
            margin-top: 8px;
            font-size: 14px;
            color: #333333;

            &.act {
                margin-top: 2px;
            }

            .reason {
                overflow: hidden;
                position: relative;
                padding-right: 20px;
                min-height: 22px;
                // color: #777777;

                i {
                    position: absolute;
                    right: 5px;
                    font-size: 14px;
                    top: 4px;
                    color: #555B65;
                    cursor: pointer;
                    font-weight: bold;
                }

                &.more {
                    height: 22px;
                }
            }
        }

        :global {
            .timeline-item {
                position: relative;

                .content {
                    padding-right: 40px !important;
                    position: relative;
                }
            }
        }
    }

    .infoDialog {
        :global {
            .el-dialog__header {
                height: 47px;
                line-height: 47px;
                padding-top: 0;
                border-bottom: 1px solid rgba(0, 0, 0, 0.09);

                .el-dialog__title {
                    color: #4A4A4A;
                    font-size: 14px;
                    font-weight: bold;
                }

                .el-dialog__headerbtn {
                    top: 0;
                }
            }

            .el-dialog__body {
                padding: 25px 50px;

                p {
                    padding-top: 20px;
                }
            }

            .el-dialog__footer {
                border-top: 1px solid rgba(0, 0, 0, 0.09);
                padding: 15px;

                .el-button {
                    width: 72px;
                    height: 32px;
                    padding: 0;
                    text-align: center;
                    line-height: 32px;
                }
            }
        }
    }
}